@import "~antd/lib/style/themes/default.less";

.content {
  margin: 24px 24px 0;
}

:global {
  .antd-pro-layouts-page-header-layout-content{
    margin: 0;
  }
}

.system_card{

  :global {
    .ant-card-wider-padding {
      .ant-card-head {
        padding: 0 24px 0 0;
        border-radius: 5px;
      }
    }
    .ant-card-bordered {
      border-radius: 5px;
    }
    .card_title_border{
      border-left:5px solid @primary-color ;
      padding-left:19px;
      font-weight: 800;
      margin-top: 5px;
      display: block;
    }
    .ant-menu-inline, .ant-menu-vertical, .ant-menu-vertical-left{
      border: none;
    }
    .ant-menu:not(.ant-menu-horizontal) .ant-menu-item-selected{
      //background: none;
    }
    .ant-menu-vertical .ant-menu-item:after, .ant-menu-vertical-left .ant-menu-item:after, .ant-menu-vertical-right .ant-menu-item:after, .ant-menu-inline .ant-menu-item:after{
      border: none;
    }
    .ant-menu-item-group-title{
      padding-left: 24px;
    }
    //.ant-card-head-title,.ant-card-padding-transition .ant-card-extra{
    //  padding: 10px 0 10px 0;
    //}
    .ant-card-head .ant-tabs {
      margin-bottom: -16px;
      margin-left: 50px;
      clear: both;
    }
    .ant-tabs-nav .ant-tabs-tab{
      padding: 15px 16px;
    }
   .ant-tabs-nav .ant-tabs-tab-active {
      border-bottom: 3px solid #40a9ff;
    }
    .ant-menu ul, .ant-menu ol {
      padding-left: 24px;
    }
  }
  .system_card_header{
    display: flex;
    align-items:center;
    :global {
      h3{
        margin: 0;
      }
      .ant-tabs-bar{
        margin: 0;
        border: none;
      }

    }

  }
}


@media screen and (max-width: @screen-sm) {
  .content {
    margin: 24px 0 0;
  }
}
